/**周末游 */
<template>
 <div>
  <div class="title">周末去哪儿</div>
  <ul>
      <li class="item border-bottom" v-for="item of weekendList" v-bind:key="item.id">     
        <div class="item-wraper">
         <img class="item-wraper-img" v-bind:src="item.url" alt="" />
        </div>
        <div class="item-info">
          <p class="item-info-title">{{item.title}}</p>
          <p class="item-info-desc">{{item.desc}}</p>
        </div>
      </li>
    </ul>
 </div>
</template>
<script>
export default {
 data(){
  return{
   weekendList:[
    {
      id: "0001",
      url:require("../../../assets/imgpro/Pro (1).jpg"),
      title: "贵安水世界",
      desc: "大大大海洋世界大大大海洋世界大大大海洋世界"
    }
   ]
  }
 }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/styles/mixins.styl'
.title 
  line-height: 0.8rem;
  background: #eee;
  text-indent: 0.2rem;

 .item-wraper
  overflow:hidden
  height:0
  padding-bottom:33.9%
  .item-wraper-img
    width :100%
 .item-info
   padding :.1rem
   .item-info-title
     line-height:.54rem
     font-size:.32rem
     ellipsis()
   .item-info-desc
     line-height :.4rem
     color:#ccc
     ellipsis()
</style>

